const container = document.getElementById('starContainer');

// 定义星星图案的结构：上半部分（蓝色）、中间行（红色）、下半部分（红色）
// 每行星星数量：[1,3,5,7,9,9,7,5,3,1]
const starCounts = [1, 3, 5, 7, 9, 9, 7, 5, 3, 1];
// 对应行的颜色（前5行蓝色，后5行红色）
const colorClasses = ['blue-star', 'blue-star', 'blue-star', 'blue-star', 'blue-star', 
                     'red-star', 'red-star', 'red-star', 'red-star', 'red-star'];

// 循环生成每行星星
for (let i = 0; i < starCounts.length; i++) {
    const row = document.createElement('div'); // 创建行元素
    row
.className = colorClasses[i]; // 设置颜色类
    row
.textContent = '*'.repeat(starCounts[i]); // 生成对应数量的星星
    container
.appendChild(row); // 添加到容器
}